<template>
	<view style="position: relative;">
		<view
			style="background-image: linear-gradient(to right, #0672ffff , #fffffff3);z-index: 2; width: 100%;height: 28vh;position: absolute;top: 0;">
		</view>
		<image src="../../../static/u507.png" style="width: 100%;height: 28vh;"></image>
		<view
			style="position: absolute; top: 0;width: 100%;height: 28vh;z-index: 4;display: flex;flex-direction: column;color: white;justify-content: center;padding-left: 10px;">
			<text style="font-size: 20px;font-weight: bold;margin-top: -40px;">{{name}}</text>
			<text style="font-size: 10px;margin-top: 10px;">{{discribe}}</text>
		</view>
		<view
			style="display: flex; justify-content: space-between;padding: 10px;font-size: 10px;color: #666666;align-items: center;">
			<text><span style="color: red;">￥</span><span style="color: red;font-size: 20px;">38</span>/次</text>
			<text>三次免费服务 剩余:<span style="color: red;">3</span>次</text>
		</view>
		<view style="background-color: #e6e6e6;height: 1vh;">
		</view>
		<view style="height:46vh; display: flex;flex-direction: column;justify-content: space-between;">
			<view style="display: flex;flex-direction: column;margin-top: 30px;margin-left: 10px;">
				<text style="font-size: 15px;">服务介绍</text>
				<text style="font-size: 10px;margin-top: 15px;">{{discribetion}}</text>
			</view>
			<view style="display: flex;justify-content: center;">
				<text @click="linkorder"
					style="color: white;width: 90vw;background-color: #007AFF;text-align: center;padding: 8px;font-size: 15px;border-radius: 5px;">下单</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: 1,
				name: "",
				discribe: "",
				discribetion: ""
			}
		},
		methods: {
		linkorder(){
			uni.navigateTo({
				url: `../oder/oder?id=${this.id}`
			})
		}
		},
		onLoad(option) {
			console.log(option)
			option.id==""?option.id=1:option.id=option.id
			this.id = parseInt(option.id)
			if(option.id==1){
				this.name="理发服务"
				this.discribe='帮助残疾人进行理发'
				this.discribetion='按照残疾人需求，为残疾人上门理发。'
			}
			else if(option.id==2){
				this.name="助医服务"
				this.discribe='陪同残疾人到医院就诊'
				this.discribetion='陪同残疾人到医院就诊，助医过程中必须有家属在场，途中注意安全，注意观察残疾人身体情况，如遇残疾人身体不适，协助采取相应应急措施。'
			}
			else if(option.id==3){
				this.name="洗涤服务"
				this.discribe='清洗残疾人衣物等'
				this.discribetion='对残疾人的床单、被罩、衣物等进行分类清洗并晾晒，洗涤前检查被洗衣物的性状并告知老人或家属。'
			}else if(option.id==4){
				this.name="助浴服务"
				this.discribe='帮助残疾人进行洗浴'
				this.discribetion='帮助残疾人洗澡清洗，助浴前应进行安全提示，助浴过程中必须有家属在场，注意观察残疾人身体情况，如遇残疾人身体不适，协助采取相应应急措施。外出助浴应选择就近有资质的公共洗浴场所，并注意途中安全。'
			}else if(option.id==5){
				this.name="个人护理"
				this.discribe='助残疾人进行理发'
				this.discribetion='协助残疾人整理个人卫生，包括指甲整洁、翻身、整理床铺、面部清洁、温水擦浴、排泄护理等。'
			}else if(option.id==6){
				this.name="神慰慰藉"
				this.discribe='助残疾人舒缓心情'
				this.discribetion='以舒缓心情、排遣孤独为原则与残疾人或残疾人家属沟通交流，相谈过程中应与老人保持良性互动，调节心理状况，促进其心理健康。'
			}else if(option.id==7){
				this.name="康复训练"
				this.discribe='帮助残疾人进行康复'
				this.discribetion='制定规范的康复训练计划，指导家属对残疾人进行系统家庭康复训练。 '
			}
}
		
	}
</script>

<style>

</style>
